<!--  -->
<template>
	<div class="">
		<!-- <img src="@/assets/images/user/connect.png" style="width: 20px; height: 20px; margin-right: 10px"> -->
		<Tooltip
			:disabled="isShow"
			:content="status ? '连接机关服务正常' : '与机关服务器断开连接'"
			style="z-index:100"
			placement="bottom"
		>
			<Icon
				type="ios-wifi"
				size="23"
				style="margin-right: 10px; line-height: 64px; height:64px"
				:color="status ? '#1e6fff' : 'red'"
			/>
		</Tooltip>
	</div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
import { getOnlineState } from '@/api/business/homePage.js'
export default {
	//import引入的组件需要注入到对象中才能使用
	components: {},
	data() {
		//这里存放数据
		return {
			status: false,
			isShow: false
		}
	},
	//监听属性 类似于data概念
	computed: {},
	//监控data中的数据变化
	watch: {},
	//生命周期 - 创建完成（可以访问当前this实例）
	created() {},
	//生命周期 - 挂载完成（可以访问DOM元素）
	mounted() {
		this.onit()
	},
	//方法集合
	methods: {
		onit() {
			this.getOnlineStateApi()
			// 清除定时器
			clearInterval(this.timer)
			this.timer = setInterval(() => {
				this.onit()
			}, 10000)
		},
		getOnlineStateApi() {
			return new Promise((resolve) => {
				getOnlineState({}).then((res) => {
					if (res.retCode == 2000) {
						this.status = res.data.isOnline == 'Y' ? true : false
						console.log(this.status)
					}
				})
			})
		}
	}
}
</script>
<style scoped></style>
